<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Access-Control-Allow-Origin" content="*">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">

  <!--css-->
  <link rel="stylesheet" href="css/reset.css" media="all" />
  <link rel="stylesheet" href="common/common.css" media="all" />
  <link rel="stylesheet" href="css/index.css" media="all" />

  <!--script-->
  <script type="text/javascript" src="js/jquery-1.11.0.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
  <script src="https://cdn.bootcss.com/echarts/4.2.1/echarts.js"></script>

  <!-- Resources -->
  <script src="https://www.amcharts.com/lib/4/core.js"></script>
  <script src="https://www.amcharts.com/lib/4/charts.js"></script>
  <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
</head>

<body>
  <div class="container">
    <!--第二页中间部分的盒子-->
    <div class="main_box2">
      <div class="top_box">
        <div class="top_box_left">
          <span class="j_1"></span>
          <span class="j_2"></span>
          <span class="j_3"></span>
          <span class="j_4"></span>
          <div class="title"><img src="img/page2/icon1.png" />村民实时数据</div>
          <div class="community">
            <ul class="b_s">
              <li>+</li>
              <li>-</li>
            </ul>
          </div>
        </div>
        <div class="top_box_center">
          <div class="p2_cT">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page2/icon2.png" />社区实时数据</div>
            <ul class="p2_cT_box">
              <li>
                <div class="p2_cT_title">当前人数</div>
                <span class="block block1">
                  <font class="font2 huise" face="font01">0</font>
                </span>
                <span class="block">
                  <font class="font2 huise" face="font01">0</font>
                </span>
                <span class="block">
                  <font class="font2 huise" face="font01">5</font>
                </span>
                <span class="block">
                  <font class="font2 huise" face="font01">3</font>
                </span>
                <span class="block">
                  <font class="font2 huise" face="font01">1</font>
                </span>
                <span class="ren">人</span>
              </li>
              <li>
                <div class="p2_cT_title">访客人数</div>
                <span class="block block1">
                  <font class="font2 huise" face="font01">0</font>
                </span>
                <span class="block">
                  <font class="font2 huise" face="font01">0</font>
                </span>
                <span class="block">
                  <font class="font2 huise" face="font01">4</font>
                </span>
                <span class="block">
                  <font class="font2 huise" face="font01">4</font>
                </span>
                <span class="block">
                  <font class="font2 huise" face="font01">1</font>
                </span>
                <span class="ren">人</span>
              </li>
              <li>
                <div class="p2_cT_title">需关注人数</div>
                <span class="block block1 block_o">
                  <font class="font2 huangse" face="font01">0</font>
                </span>
                <span class="block block_o">
                  <font class="font2 huangse" face="font01">0</font>
                </span>
                <span class="block block_o">
                  <font class="font2 huangse" face="font01">0</font>
                </span>
                <span class="block block_o">
                  <font class="font2 huangse" face="font01">6</font>
                </span>
                <span class="block block_o">
                  <font class="font2 huangse" face="font01">5</font>
                </span>
                <span class="ren">人</span>
              </li>
            </ul>
          </div>
          <div class="p2_cB">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page2/icon4.png" />房屋概览</div>

            <div id="Cake"></div>
            <ul class="home_data">
              <li class="home_data_one">
                <div class="home_data_num">
                  <font class="font1 shenlan" face="font01">456</font>
                  <span>户</span>
                </div>
                <div class="home_data_name">闲置</div>
              </li>
              <li class="home_data_two">
                <div class="home_data_num">
                  <font class="font1 qianlan" face="font01">663</font>
                  <span>户</span>
                </div>
                <div class="home_data_name">出租</div>
              </li>
              <li class="home_data_three">
                <div class="home_data_num">
                  <font class="font1 zise" face="font01">862</font>
                  <span>户</span>
                </div>
                <div class="home_data_name">自住</div>
              </li>
            </ul>

          </div>
        </div>
        <div class="top_box_right">
          <div class="p2_rT">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page2/icon3.png" />社区概览</div>
            <div class="data_sqgl">
              <div class="data_box">
                <font class="font shenlan" face="font01">10025</font><span>人</span>
                <div class="data_title2">社区实有人口</div>
              </div>
              <div class="data_box">
                <font class="font zise" face="font01">8962</font><span>个</span>
                <div class="data_title2">户籍人口总数</div>
              </div>
            </div>
            <span class="line"></span>
            <div class="data_sqgl">
              <div class="data_box">
                <font class="font qianlan" face="font01">10025</font><span>人</span>
                <div class="data_title2">暂住证未办理人数</div>
              </div>
              <div class="data_box">
                <font class="font huangse" face="font01">8962</font><span>个</span>
                <div class="data_title2">持有暂住证人数</div>
              </div>
            </div>

            <ul class="shequ_charts">
              <li id="chartsdiv1"></li>
              <li id="chartsdiv2"></li>
            </ul>
            <ul class="home_data2">
              <li class="home_data_one">
                <div class="home_data_num">
                  <font class="font1 shenlan" face="font01">456</font>
                  <span>户</span>
                </div>
                <div class="home_data_name">流动人口</div>
              </li>
            </ul>
            <ul class="home_data2">
              <li class="home_data_two">
                <div class="home_data_num">
                  <font class="font1 qianlan" face="font01">456</font>
                  <span>户</span>
                </div>
                <div class="home_data_name">特殊人群</div>
              </li>
            </ul>
          </div>
          <div class="p2_rB">
            <span class="j_1"></span>
            <span class="j_2"></span>
            <span class="j_3"></span>
            <span class="j_4"></span>
            <div class="title"><img src="img/page2/icon5.png" />车位概览</div>
            <div class="data_cwgl">
              <div class="data_box">
                <font class="font zise" face="font01">14</font><span>个</span>
                <div class="data_title2">特殊车辆</div>
              </div>
              <div class="data_box">
                <font class="font qianlan" face="font01">120</font><span>个</span>
                <div class="data_title2">在场车辆数</div>
              </div>
              <div class="data_box">
                <font class="font shenlan" face="font01">314</font><span>个</span>
                <div class="data_title2">总车位数</div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="bottom_box">
        <div class="bottom_left">
          <span class="j_1"></span>
          <span class="j_2"></span>
          <span class="j_3"></span>
          <span class="j_4"></span>
          <div class="title"><img src="img/page2/icon6.png" />访客记入</div>
          <ul class="list">
            <li>
              <span class="circular3"></span>
              <span class="time">
                〔10:23〕
              </span>
              <span class="qianlan">【业主】</span>
              <span>张发江进入1号楼2单元</span>
            </li>
            <li>
              <span class="circular1"></span>
              <span class="time">
                〔12:08〕
              </span>
              <span class="qianlan">【特殊人员】</span>
              <span>李晓武进入3号楼6单元</span>
            </li>
            <li>
              <span class="circular3"></span>
              <span class="time">
                〔16:36〕
              </span>
              <span class="qianlan">【租客】</span>
              <span>李星进入13号楼2单元</span>
            </li>
            <li>
              <span class="circular2"></span>
              <span class="time">
                〔13:08〕
              </span>
              <span class="qianlan">【访客】</span>
              <span>吴晓进入6号楼3单元</span>
            </li>
          </ul>
        </div>
        <div class="bottom_center">
          <span class="j_1"></span>
          <span class="j_2"></span>
          <span class="j_3"></span>
          <span class="j_4"></span>
          <div class="title"><img src="img/page2/icon7.png" />事件记录</div>
          <ul class="list">
            <li>
              <span class="circular2"></span>
              <span class="time">
                〔2019-05-23 12:08〕
              </span>
              <span>5号楼门口垃圾桶满了，请物业处理</span>
              <span class="handle huangse">【未处理】</span>
            </li>
            <li>
              <span class="circular3"></span>
              <span class="time">
                〔2019-05-23 12:08〕
              </span>
              <span>1号楼2单元门口出现打架事件</span>
              <span class="handle qianlan">【已处理】</span>
            </li>
            <li>
              <span class="circular2"></span>
              <span class="time">
                〔2019-05-23 12:08〕
              </span>
              <span>3号楼门口有抛洒物，请物业处理</span>
              <span class="handle huangse">【未处理】</span>
            </li>
            <li>
              <span class="circular3"></span>
              <span class="time">
                〔2019-05-23 12:08〕
              </span>
              <span>小区西门大门口出现小摊贩</span>
              <span class="handle qianlan">【已处理】</span>
            </li>
          </ul>
        </div>
        <div class="bottom_right">
          <span class="j_1"></span>
          <span class="j_2"></span>
          <span class="j_3"></span>
          <span class="j_4"></span>
          <div class="title"><img src="img/page2/icon8.png" />车辆通行记录</div>
          <ul class="list">
            <li>
              <span class="circular1"></span>
              <span class="time">
                〔12:08〕
              </span>
              <span class="qianlan">【访客】</span>
              <span>赵鹤 陕A·23652 从东门驶入小区</span>
            </li>
            <li>
              <span class="circular3"></span>
              <span class="time">
                〔12:08〕
              </span>
              <span class="qianlan">【业主】</span>
              <span>李晓丽 川A·23552 从西门驶出小区</span>
            </li>
            <li>
              <span class="circular2"></span>
              <span class="time">
                〔12:08〕
              </span>
              <span class="qianlan">【访客】</span>
              <span>李武 陕A·568A2 从西门驶入小区</span>
            </li>
            <li>
              <span class="circular3"></span>
              <span class="time">
                〔12:08〕
              </span>
              <span class="qianlan">【业主】</span>
              <span>温蕊莉 陕A·5S56B 从东门驶入小区</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>

</html>
